﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<div th:replace="layout::head(${title},${desc})"></div>

<body>

<div id="main-wrapper">

    <!--Header section start-->
    <div th:replace="layout::header"></div>
    <!--Header section end-->

    <!--Page Banner Section start-->
    <div th:replace="layout::pageBanner(${info})"></div>
    <!--Page Banner Section end-->

    <!--Feature property section start-->
    <div class="property-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            
            <div class="row">
               
                <!--Property Slider start-->
                <div class="property-carousel section">

                    <!--Property start-->
                    <div class="property-item col" th:each="andRentTypeVO:${andRentTypeVOS}">
                        <div class="property-inner">
                            <div class="image">
                                <span class="label" th:text="${andRentTypeVO.properties.isHot}!=0?'热门':''"></span>
                                <span class="label" th:text="${andRentTypeVO.properties.isSpecial}!=0?'特色':''"></span>
                                <a th:href="@{/single-properties.html}"><img th:src="${andRentTypeVO.properties.pictureUrl}" alt=""></a>
                                <ul class="property-feature">
                                    <li>
                                        <span class="area"><img src="assets/images/icons/area.png" th:text="${andRentTypeVO.properties.square}+'平米'" alt=""></span>
                                    </li>
                                    <li>
                                        <span class="bed"><img src="assets/images/icons/bed.png" th:text="${andRentTypeVO.properties.roomNumber}" alt=""></span>
                                    </li>
                                    <li>
                                        <span class="bath"><img src="assets/images/icons/bath.png" th:text="${andRentTypeVO.properties.bathroomNumber}" alt=""></span>
                                    </li>
                                    <li>
                                        <span class="parking"><img src="assets/images/icons/parking.png" th:text="${andRentTypeVO.properties.garageNumber}" alt=""></span>
                                    </li>
                                </ul>
                            </div>
                            <div class="content">
                                <div class="left">
                                    <h3 class="title"><a th:href="@{/single-properties.html}" th:text="${andRentTypeVO.properties.title}"></a></h3>
                                    <span class="location"><img src="assets/images/icons/marker.png" alt="" th:text="${andRentTypeVO.properties.address}"></span>
                                </div>
                                <div class="right">
                                    <div class="type-wrap">
                                        <span class="price" th:text="'￥'+${andRentTypeVO.properties.price}"><span>/月</span></span>
                                        <span class="type" th:text="${andRentTypeVO.propertiesRentType.typeName}"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Property end-->



                </div>
                <!--Property Slider end-->
                
            </div>
            
        </div>
    </div>
    <!--Feature property section end-->


    <!--Footer section start-->
    <div th:replace="layout::footer"></div>
    <!--Footer section end-->
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<div th:replace="layout::js"></div>

</body>

</html>
